<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>







<div id="app">

	 <p>  {{ msg | msgFormat("疯狂","老虎") | test }}</p>


</div>









<br>
<script src="vue.js"></script>

<script type="text/javascript">

//全局过滤器的基本使用，filter(canshu1,canshu2)----canshu1固定为管道符前的对象
//创建Vue的全局过滤器
    
    Vue.filter('msgFormat',function(msg,dog,hu){
      // 字符串的replace() ， 第一个参数除了可写字符串之外,还可以定义一个正则,g--全局过滤
       return  msg.replace(/黑狼/g,dog+hu)
    } )

//过滤器可多次调用
    Vue.filter('test',function(msg){
       return  msg+'======'
    } )



  
//实例的创建
var app = new Vue({
  el: '#app',

  data: {
  	 msg:"黑狼，黑狼，我叫藏獒，收到请回答，收到请回答，over！"
  },

  methods:{

  	


  }

})





</script>

	
</body>
</html>